

$(function () {
    var pageSize = 5;
    var currentpage = 1;

    var currentId = null;//当前要操作数据id
    var isDelete = null;//当前数据要进行操作

    function render() {
        $.ajax({
            url: '/user/queryUser',
            data: {
                page: currentpage,
                pageSize: pageSize
            },
            dataType: 'json',
            success: function (info) {
                // console.log(info);
                $('tbody').html(template('tmp', info));

                setPage(info.total);
            }
        })
    }

    render();

    function setPage(total) {
        $('#paginator').bootstrapPaginator({
            //设置版本号/默认是2，如果是bootstrap3版本，这个参数必填
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: currentpage,
            // 总页数
            totalPages: Math.ceil(total/pageSize),
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, page) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                currentpage = page;
                render();
            }
        })
    }

    //禁用获取启用 
     //3-点击操作按钮时，记录当前的数据，以要进行的操作 
    // div.dataset.id  dom的方法 
    $('tbody').on('click','.btn',function(){
        //保持id
        // currentId = $(this).parent().attr('data-id');
        // data-id 自定义属性 在jquery中可以通过$('div').data('id');
        currentId = $(this).parent().data('id');
        console.log(currentId);
        // 记录禁用还启用
        isDelete = $(this).hasClass('btn-success') ? 1 : 0; 
    })

    //4- 点击模态框的确定按钮， 对当前数据进行操作 
    $('.btn-yes').on('click',function(){
        $.ajax({
            url:'/user/updateUser',
            data:{
                id:currentId,
                isDelete:isDelete
            },
            type:'post',
            dataType:'json',
            success:function(info){
                render();
                $('.modal-delete').modal('hide');
            }
        })
    })


})